<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/vendor.min.css">
    <link rel="stylesheet" href="css/plugins.min.css">
    <link rel="stylesheet" href="css/style.min.css">
    <style>
        html{
            height: 100%;
            overflow-y: hidden;
        }
        body{
            height: 100%;
            overflow-y: auto;
        }
        .aaa{
            padding:0 15px;height:35px;line-height:32px;font-size:14px;text-transform:uppercase
        }
        img{
            width: 360px;height: 145px;
        }
        .content{
            width: 360px;height: 180px;border:1px solid gray;color: #7A7A7A;font-size: 15px;padding: 10px;
        }
        .cxxq{
            height: 40%;display: flex;overflow: hidden;
        }
        .title{
            text-align: center;padding-bottom: 6px;font-size: 16px;font-weight: bolder;color: black;height: 20%;
        }
    </style>
</head>
<body>
<div class="container" style="margin-bottom: 50px;">
    <h2 style="margin: 20px 0;">企业客户</h2>
    <div style="display: flex;justify-content: space-between;flex-wrap: wrap;" id="neirong">
<!--        <div style="margin-top: 10px;" onclick="toUrl()">-->
<!--            <img src="img/banner.jpg">-->
<!--            <div class="content">-->
<!--                <div class="title">互联网专线IPLC</div>-->
<!--                <div class="cxxq">-->
<!--                    <div>促销：</div>-->
<!--                    <div>asdfasfsaf</div>-->
<!--                </div>-->
<!--                <div class="cxxq">-->
<!--                    <div>详情：</div>-->
<!--                    <div></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</div>

<script src="js/vendor.min.js"></script>
<script src="js/plugins.min.js"></script>
<script src="js/main.min.js"></script>
<script src="layui/layui.js"></script>
<script src="js/token.js"></script>
<script src="js/config.js"></script>
<script src="js/jquery.i18n.min.js"></script>
<script src="js/multi_lang_config.js"></script>
<script>

    var layer = layui.layer;
    var form = layui.form;

    var moduleName = "subMain";
    var defaultLang = layui.data('langTab').langType;
    initLangConfig({
        defaultLang:defaultLang,
        filePath: "js/i18n/"+moduleName+"/",
        module:moduleName,
        base:"js/"
    })
    var i18np = null;
    function changeLang(lang) {
        defaultLang = lang;
        reloadI18n({
            defaultLang:lang,
            filePath: "js/i18n/"+moduleName+"/",
            module:moduleName,
        })
        i18np.loadProperties(moduleName);
        initData();
    }

    layui.config({base: 'js/'})
        // 继承treetable.js插件
        .extend({i18np: 'i18n'}).use([ 'i18np','jquery'], function () {
        i18np = layui.i18np;
        i18np.loadProperties(moduleName);
    });

    var sData = [];
    function initData(){
        var s = "";
        if (defaultLang == "zh"){
            for (var i=0;i<sData.length;i++){
                s = s + "<div style=\"margin-top: 10px;\" onclick=\"toUrl("+sData[i].id+")\">\n" +
                    "            <img src=\""+sData[i].img+"\">\n" +
                    "            <div class=\"content\">\n" +
                    "                <div class=\"title\">"+sData[i].name+"</div>\n" +
                    "                <div class=\"cxxq\">\n" +
                    "                    <div>促销：</div>\n" +
                    "                    <div>"+sData[i].promotionZh+"</div>\n" +
                    "                </div>\n" +
                    "                <div class=\"cxxq\">\n" +
                    "                    <div>详情：</div>\n" +
                    "                    <div></div>\n" +
                    "                </div>\n" +
                    "            </div>\n" +
                    "        </div>";
            }
        }else if (defaultLang == "en"){
            for (var i=0;i<sData.length;i++){
                s = s + "<div style=\"margin-top: 10px;\" onclick=\"toUrl("+sData[i].id+")\">\n" +
                    "            <img src=\""+sData[i].img+"\">\n" +
                    "            <div class=\"content\">\n" +
                    "                <div class=\"title\">"+sData[i].name+"</div>\n" +
                    "                <div class=\"cxxq\">\n" +
                    "                    <div>促销：</div>\n" +
                    "                    <div>"+sData[i].promotionEn+"</div>\n" +
                    "                </div>\n" +
                    "                <div class=\"cxxq\">\n" +
                    "                    <div>详情：</div>\n" +
                    "                    <div></div>\n" +
                    "                </div>\n" +
                    "            </div>\n" +
                    "        </div>";
            }
        }else if (defaultLang == "la"){
            for (var i=0;i<sData.length;i++){
                s = s + "<div style=\"margin-top: 10px;\" onclick=\"toUrl("+sData[i].id+")\">\n" +
                    "            <img src=\""+sData[i].img+"\">\n" +
                    "            <div class=\"content\">\n" +
                    "                <div class=\"title\">"+sData[i].name+"</div>\n" +
                    "                <div class=\"cxxq\">\n" +
                    "                    <div>促销：</div>\n" +
                    "                    <div>"+sData[i].promotionLao+"</div>\n" +
                    "                </div>\n" +
                    "                <div class=\"cxxq\">\n" +
                    "                    <div>详情：</div>\n" +
                    "                    <div></div>\n" +
                    "                </div>\n" +
                    "            </div>\n" +
                    "        </div>";
            }
        }
        $("#neirong").html();
        $("#neirong").html(s);
    }

    $.ajax({
        url: HOST+"webapi/enterprise/getEnterpriseCustomers",
        type: "GET",
        success: function (res) {
            if (res.code == 200){
                sData = res.data;
                initData();
            }
        }
    })

    /**
     * 跳转页面
     * @param id
     */
    function toUrl(id) {
        if (id == 1){
            window.location.href = "product-detail-iplc.html";
        }else if (id == 2){
            window.location.href = "product-detail-dplc.html";
        }else if (id == 3){
            window.location.href = "product-detail-hil.html";
        }else if (id == 4){
            window.location.href = "product-detail-ftth.html";
        }
    }

</script>
</body>
</html>